<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片列表</title>
	<!-- 导入样式 -->
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/headandfter.css" />
    
    <link rel="stylesheet" type="text/css" href="../css/imglist.css" />
    <script src="../js/jquery.min.js"></script>
    <script src="../js/header.js"></script>
    <script src="../js/ShowBigImg.js"></script>
</head>

<body>
<header>
  <div class="header">
    <div class="top">
      <div class="top-info fixed">
      	<div class="right fixed" style="*max-width:420px; position:relative;">
          <div class="message-content right"  style="position:relative; display:inline-block; height:40px;">
            <a href="#" class="message-info">
              <span class="message-nums">6</span>
            </a>
            <div class="h-MessageInfo">
              <p class="icon-tringle2"></p>
              <div class="h-M-Content">
                <p class="h-M-Title"><a href="javascript:void(0);" class="NowMeg" style="border-right:solid 1px #e6e6e6;">消息</a><a href="javascript:void(0);" style="width:189px;">动态</a></p>
                <ul class="h-Tab">
                  <li class="MsgContent">
                    <div class="Msg-txt">暂无新消息</div>
                    <p class="Msg-more"><a href="#">查看更多消息>></a></p>
                  </li>
                  <li class="cdtContent" style="display:none;">
                    <div class="Msg-txt">暂无新动态</div>
                    <p class="Msg-more"><a href="#">查看更多动态>></a></p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!--End 消息内容-->
          <div class="user-info right fixed">
            <div class="user-img left"><img src="../images/headandfter/user-img.png" /></div>
            <div class="user-name left">
              <a href="#">小豆女王</a>
              <span class="icon-tringle1"></span>
            </div>
            <div class="user-set">
              <p></p>
              <div class="us-Content"></div>
            </div><!--用户操作 未果-->
          </div>
        </div>
        <!--End 用户-->
        <div class="top-nav left">
          <a href="#" class="f-home">番石榴首页</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-news">新闻站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-active">亲子活动站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-shop">辣妈购物站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-lt">论坛</a>
        </div>
      </div>
    </div>
    <!--End top-->
  </div>
</header>
<!--End header-->
<section>
  <div class="container">
    <div class="BigImgInfo">
	  <div class="neiwen-top fixed">
        <div class="setBtnInfo right">
          <a href="#" class="favoriteBtn"></a><a href="#" class="commentBtn"></a><a href="#" class="shareBtn"></a>
        </div>
        <div class="userInfo left fixed">
          <p class="left"><a href="#"><img src="../images/imglist/userImg.png" /></a></p>
          <p class="userNameInfo left">
            <a href="#" class="userName">宝贝俱乐部</a>
            <br />
            <span>3321粉丝</span>
          </p>
          <p class="gzInfo left">
            <a href="#" class="gzBtn">关注</a>
            <a href="#" class="zklink">【造咖】</a>
          </p>
        </div>
      </div><!--End 大图用户头部-->  
      <div class="BigImgContainer">
        <div class="BigImgTitle"><span></span>辽沈晚报精选集第11期：简单的午餐</div>
        <div class="BigImgContent fixed">
          <div class="ShowImgContent left">
            <a class="LarrowBtn" href="javascript:void(0);"></a>
            <div class="ShowImg"><span><img src="../images/imglist/showimg1.jpg" /><a href="javascript:void(0);" class="ImgFDBtn"></a></span></div>
            <a class="RarrowBtn" href="javascript:void(0);"></a>
          </div>
          <div class="ShowImgInfo left">
            <p class="ImgNumStyle"><span class="ImgNowNums">3</span>/<span class="ImgNums">21</span></p>
            <p class="ImgTxt">2014年11月13日，程丽娟（右）带的午饭是村里小卖店卖的散装饼干，很快她就用脏兮兮的小手将几块饼干吃完了。在辽宁葫芦岛市建昌县老大杖子乡大山沟里的一个教学点，去年还有8个学生，现在只有6个学生了。辽沈晚报 吴怀宇/摄</p>
            <p class="ImgTxt">村里小卖店卖的散装饼干，很快她就用脏兮兮的小手将几块饼干吃完了。在辽宁葫芦岛市建昌县老大杖子乡大山沟里的一个教学点，去年还有8个学生，现在只有6个学生了。辽沈晚报 吴怀宇/摄</p>
            <p class="ImgTxt">年11月13日，程丽娟（右）带的午饭是村里小卖店卖的散装饼干，很快她就用脏兮兮的小手将几块饼干吃完了。在辽宁葫芦岛市建昌县老大杖子乡大山 吴怀宇/摄</p>
            <p class="ImgTxt">2143501413，程丽娟（右）带的午饭是村里小卖店卖的散装饼干，完了。在辽宁葫芦岛市建昌县老大杖子乡大山沟里的一个教学点，去年还有8个辽沈晚报 吴怀宇/摄</p>
            <p class="ImgTxt">20132345年11月13日，程丽娟（右）带的午饭是村里小卖店卖的散装饼干，很快昌县老大杖子乡大山沟里的一个教学点，去年还有8个学生，现在只有6个学生了。辽沈晚报 吴怀宇/摄</p>
            <p class="GoodBtnInfo">
              <a href="javascript:void(0);" class="GoodBtn"><img src="../images/imglist/good_img1.png" width="60" /></a>
              <span>2217</span>
            </p>
          </div>
        </div><!--End 大图展示-->
        <div class="ShowImgNavContent">
          <a class="RarrowNavBtn right" href="javascript:void(0);"></a>
          <a class="LarrowNavBtn left" href="javascript:void(0);"></a>
          <div class="ShowImgNavInfo left">
            <ul class="ShowImgNav fixed">
              <li><a href="javascript:void(0);"><img src="../images/imglist/ShowNavImg.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/listimg.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/showimg1.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/right-infoimg3.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/slide-img.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/2333.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/2444.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/2555.jpg" /></a></li>
              <li><a href="javascript:void(0);"><img src="../images/imglist/2666.jpg" /></a></li>
            </ul>
          </div>
        </div><!--End 图片导航-->
      </div>
      <div class="CommentInfo fixed">
        <div class="Comment left">
          <p>
            <a href="#" class="mobile-tie right"><img src="../images/imglist/icon-mobilegt.png" />手机发跟帖</a>
            <img src="../images/imglist/comment_img1.png" /><a href="#" class="CommentNums">评论<span>（283）</span></a>
          </p>
          <textarea></textarea>
          <div id="fabu">
            <span>0/150</span>
            <a href="#">发布</a>
          </div>
          <!--begin 热门评论--->
          <div class="hot_comm" id="hot_comm">
            <div class="hot_title">热门评论</div>
            <div class="comms">
              <img src="../images/imglist/user_img1.png" />	
              <span class="username">一帘幽梦</span>
              <div class="user_comm">
                <p>造一个无忧的世界给你走路 种花 收集光线和影<br/>你想要的 你向往的都揉进你心窥探你 拨弄你 嗅着你味<br/>拼凑出空气中的视听与幻觉<br/></p>
                <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
                <span class="piaoNum">982&nbsp;赞</span>
              </div>
            </div>
            <div class="comms">
              <img src="../images/imglist/user_img1.png" />	
              <span class="username">一帘幽梦</span>
              <div class="user_comm">
                <p>造一个无忧的世界给你走路 种花 收集光线和影<br/>你想要的 你向往的都揉进你心窥探你 拨弄你 嗅着你味<br/>拼凑出空气中的视听与幻觉<br/></p>
                <span class="comm_time">02-11&nbsp;&nbsp;12:20</span>
                <span class="piaoNum">982&nbsp;赞</span>
              </div>
            </div>
          </div>
          <!--end 热门评论--->
          <div class="MoreCommsInfo">
            <img src="../images/imglist/icon-MoreComms.png" />
            查看全部评论，请下载<a href="#">【造咖】APP</a>
          </div>
        </div>
        <!--End 左边评论-->
        <div class="ImgRank right">
          <p class="IR-title">图片排行榜</p>
          <div class="IR-content">
            <p class="IR-c-txt">Can We All Just Take A Moment To Appreciate Jaime Camil From "Jane The Virgin"?</p>
            <p class="IR-c-Img"><img src="../images/imglist/right-infoimg2.jpg" /></p>
            <p class="IR-c-set">
              <span><img src="../images/imglist/icon-graybgarrow.png" />BUZZFEED CELEBRITY</span>
              &nbsp;&nbsp;
              <span><img src="../images/imglist/icon-grayarrow.png" />11.6K SHARES</span>
            </p>
          </div>
          <div class="IR-content">
            <p class="IR-c-txt">Can We All Just Take A Moment To Appreciate Jaime Camil From "Jane The Virgin"?</p>
            <p class="IR-c-Img"><img src="../images/imglist/right-infoimg1.jpg" /></p>
            <p class="IR-c-set">
              <span><img src="../images/imglist/icon-grayarrow.png" />11.6K SHARES</span>
            </p>
          </div>
          <div class="IR-content">
            <p class="IR-c-txt">Can We All Just Take A Moment To Appreciate Jaime Camil From "Jane The Virgin"?</p>
            <p class="IR-c-Img"><img src="../images/imglist/right-infoimg3.jpg" /></p>
            <p class="IR-c-set">
              <span><img src="../images/imglist/icon-redarrow.png" />11.6K SHARES</span>
            </p>
          </div>
          <div class="IR-content">
            <p class="IR-c-txt">Can We All Just Take A Moment To Appreciate Jaime Camil From "Jane The Virgin"?</p>
            <p class="IR-c-Img"><img src="../images/imglist/right-infoimg1.jpg" /></p>
            <p class="IR-c-set">
              <span><img src="../images/imglist/icon-graybgarrow.png" />BUZZFEED CELEBRITY</span>
              &nbsp;&nbsp;
              <span><img src="../images/imglist/icon-grayarrow.png" />11.6K SHARES</span>
            </p>
          </div>
        </div>
        <!--右边图片排行-->
      </div> 
    </div>
    <!--End 内容展示-->
  </div>
</section>
<!--End section-->
<footer>
  <div class="footer footer-show-bg">
    <div class="f-banner fixed">
      <div class="bbsh left">
        <p style="padding-bottom:30px;"><img src="../images/headandfter/bbshimg.png" /></p>
        <p><img src="../images/headandfter/fan16-ewm.jpg" /></p>
      </div>
      <div class="hot-pd left">
        <p class="hot-title">热门频道</p>
        <div class="hot-link fixed">
          <div>
            <p><a href="#">新闻</a></p>
            <p><a href="#">国内</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
            <p><a href="#">军事</a></p>
          </div>
          <div>
            <p><a href="#">图片</a></p>
            <p><a href="#">体育</a></p>
            <p><a href="#">NBA</a></p>
            <p><a href="#">CBA</a></p>
            <p><a href="#">综合</a></p>
            <p><a href="#">中超</a></p>
            <p><a href="#">足球</a></p>
          </div>
          <div>
            <p><a href="#">英超</a></p>
            <p><a href="#">西甲</a></p>
            <p><a href="#">意甲</a></p>
            <p><a href="#">娱乐</a></p>
            <p><a href="#">明星</a></p>
            <p><a href="#">图片</a></p>
            <p><a href="#">电影</a></p>
          </div>
          <div>
            <p><a href="#">财经</a></p>
            <p><a href="#">音乐</a></p>
            <p><a href="#">资料库</a></p>
            <p><a href="#">股票</a></p>
            <p><a href="#">产经</a></p>
            <p><a href="#">新股</a></p>
            <p><a href="#">金融</a></p>
          </div>
          <div>
            <p><a href="#">基金</a></p>
            <p><a href="#">商业</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
          </div>
        </div>
      </div>
      <div class="call-alls left">
        <p class="hot-title">联系我们</p>
        <p class="alls1">商务合作：huangjiasheng@fan16.cn</p>
        <p class="alls1">广告发布：deloo@fan16.cn</p>
        <p class="alls1">投诉建议：service@fa</p>
        <div class="linkbg">
          <a href="#" class="xinlang"></a>
          <a href="#" class="tengxun"></a>
          <a href="#" class="zhandian"></a>
          <a href="#" class="douban"></a>
        </div>
      </div>
    </div>
    <div class="f-bottom">
      <p>Copyright©　2013-2015 fan16.cn,AllRights Reserved 粤ICP备 12093882 号-1 版权所有：广州赢酷通讯技术有限公司</p>
    </div>
  </div>
</footer>
<!--End footer-->
</body>
<script language="javascript">

</script>
</html>
